<template>
  <div class="f-g sign-box f-c">
    <el-tabs v-model="activeName">
      <el-tab-pane label="会议签到" name="Sign" />
      <el-tab-pane label="会议意见" name="Comment" />
    </el-tabs>
    <component :is="activeName" :current-detail="currentDetail" @success="success()"/>
  </div>
</template>

<script>
import Sign from './sign'
import Comment from './comment'
export default {
  name: 'Middle',
  components: {
    Sign,
    Comment
  },
  props: {
    currentDetail: Object
  },
  data() {
    return {
      activeName: 'Sign'
    }
  },
  created() {

  },
  methods: {
    success(){
      this.$emit("success")
    }
    
  }
}
</script>

<style lang="scss">
.sign-box {
    overflow: hidden;
}
</style>
